/* 
Document   : gen
Created on : Sep 22, 2008, 1:26:19 PM
Author     : greenido
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.good-ans {
    background-image: url(../etc/correct.gif);
    height: 44px;
    width: 80px;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
}
.bad-ans {
    background-image: url(../etc/wrong.gif);
    width: 80px;
    height: 44px;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;    
}
.targil-label {
    /* background-image: url(../etc/targil.gif);   */
    font-size: 110%;
    background-color: #99ff33;
    width: 100px;
    height: 30px;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    text-align: left;
    text-indent: 12px;
    padding-top: 10px;
    padding-right: 8px;
    font-weight: bold;
}

.header { 
    background-color: #ff9999;
    font-size: 80%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;   
    width: 170px;
  margin-bottom: 10px;
}

/* Override the default button style */
.gwt-Button {
    background-color: #99ffcc;
    color: black;
    font-weight: bold;
    border: 1px solid #AACCFF;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    border-top-color: #000099;
    border-bottom-color: #000099;
    border-left-color: #000099;
    border-right-color: #000099;
    width: 80px;
    
}

/* Apply a hover effect to the button */
.gwt-Button:hover {
    background-color: #ff6699;
}

.right-label {
    background-image: url(../etc/correct.gif);
}
.wrong-label {  
    background-image: url(../etc/wrong.gif);
}

.your-grade {  
    background-color: #ffff33;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px; 
    font-weight: bold;
    color: #0000cc;
    font-size: 110%;   
    width: 180px;
}

.text-vertical-middle-align {
    vertical-align: middle;
    width: 200px;
}

.edit-panel-base-button {
    width: 90px;
    height: 30px;
}

.marg10 {
    
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.gwt-MenuBar .gwt-MenuItem 
{
    background-color            :   #ccc;
    border                      :   1px solid #666;
    cursor                      :   pointer;
    cursor                      :   hand;
    font-size                   :   80%;
    padding                     :   2px 5px;
    text-align                  :   center;
    width                       :   80px;
}
.gwt-MenuBar .gwt-MenuItem-selected
{
    background-color            :   #ccf;
}
.gwt-MenuBar .gwt-MenuItemSeparator
{
    width                       :   8px;
}

.gwt-DialogBox .Caption {
    background-color: #66ffff;      
    font-size: 120%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
.simple-dialog {
    background-color: #66ffff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    
}
